/* CSS Document */

body {
	font-size:12px;
    background:#f2f2f2;
    font-size: 14px;
    font-family: "微软雅黑";
}

ul, li {
	list-style:none;
}
a {
	text-decoration:none;
	color: black;
}

.ali_right {
	text-align:right;
}
.ali_center {
	text-align:center;
	text-indent:0;
}
.flo_left {
	float:left;
}
.flo_right {
	float:right;
}
.clear {
	clear:both;
}
.red {
	color:#FF0000;
}
.input {
	border:1px solid #ccc;
}
* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}
.container {
	width: 1200px;
	margin: 0 auto;
}
#head .banner {
	background:url(../images/02.gif) no-repeat top;
	height:82px;
	color: #FFFFFF;
}
#head .banner a {
	color:#FFFFFF;
}
#head .banner a:Hover {
	color:#A7C8E5;
}
#head .banner p {
	text-align:right;
	padding-right:120px;
	padding-top: 5px;
}
#head .nav {
	/*background:url(../images/03.gif) no-repeat;*/
	height:42px;
	
	line-height:42px;
	padding: 0 10px;
	color:#FFFFFF;

}
#head .nav a {
	
	padding: 0 20px;
	display: inline-block;
	height: 42px;
	
}
#head .nav a:Hover {
	color:white;
	background: orange;
}
#content p{
	text-align: center;
	clear: both;
	height: 30px;
	
}
#content h3 {	
	width:1200px;
	margin:10px auto;
	height: 35px;
	line-height: 35px;
	background:#ffc001 ;
	padding-left: 20px;
	
}
#content .ul_list {
	width:1200px;
	height:619px;
	margin:0 auto;	
	padding: 5px;
	
}
#content .ul_list li {
	float:left;
	text-align:center;
	height: 300px;
	margin-bottom: 10px;	
	width: 287px;
	background: white;
	margin-right: 10px;
	padding-top: 50px;	
	border-radius:10px;
}
#content .ul_list li:hover{
	border: 1px solid red;
	box-shadow: 5px 5px 5px #b9b9b9;
	
}
#content .ul_list li span {
	display:block;
	line-height:20px;
	
}
#content .ul_list li img:first-child:hover{
	transform: scale(1.5);
}
#foot {
	background:url(../images/10.gif) no-repeat;
	height:45px;
	padding-top: 10px;
}
#foot p {
	line-height:20px;
	text-indent:0;
	text-align:center;
	color:#FFFFFF;
}
/*userInfoModify.html*/
.userinfo {
	width:759px;
	height:448px;
	background:url(../images/11.gif) no-repeat;
	margin: 0 auto;
	padding-top:80px;
}
.tuihuo {
	width:759px;
	height:448px;
	background:url(../images/14.gif) no-repeat;
	margin: 0 auto;
	padding-top:80px;
}
.userinfo1 {
	width:759px;
	height:448px;
	margin: 0 auto;
	padding-top:80px;
}
.userinfo ul {
	width:70%;
	margin:0 auto;
}
.userinfo li {
	line-height:25px;
	height: 25px;
}
.userinfo li span {
	float:left;
	width: 90px;
}
.userinfo li input {
	border:1px solid #ccc;
}
.userinfo .button_img {
	margin:20px;
	text-align:center;
}
/*cartDetails.html*/
.cartDet {
	background:url(../images/14.gif) no-repeat;
	width:759px;
	height:721px;
	margin:0 auto;
	padding-top:15px;
}
.cartDet h4 {
	background:url(../images/15.gif) no-repeat;
	font-size:14px;
	line-height:32px;
	height:32px;
	padding-left:15px;
	margin:0 10px 10px;
}
.cartDet .bg {
	background:url(../images/16.gif) no-repeat right bottom;
	height: 630px;
	margin: 0 10px 10px;
}
.cartDet table {
	width:90%;
	margin:10px auto;
	text-align:center
}
.cartDet table, td, th {
	border:1px solid #ccc;
	border-collapse:collapse;
}
.cartDet th {
	line-height:30px;
}
.cartDet td {
	line-height:25px;
}
.cartDet .order_bg {
	background:url(../images/17.gif) no-repeat right bottom;
	height: 630px;
	margin: 0 10px 10px;
}
/*login.html*/
.login_bg {
	background:url(../images/18.gif) no-repeat;
	width:446px;
	height:251px;
	margin:118px auto;
}
.login_bg p {
	text-indent: 0px;
	width: 95%;
	padding-top:180px;
	margin:0 auto;
}
.login_bg input {
	border:1px solid #ccc;
}
/*main.html*/
.main {
	background:#EEF2FB;
	width: 800px;
	margin: 0 auto;
}
.main .top {
	background:url(../images/21.gif) no-repeat top;
	height:90px;
	padding-left:260px;
}
.main .top p {
	float:left;
	margin-top: 60px;
	font-size: 14px;
	font-weight: bold;
	color:#1E50A2;
}
.main .top p a {
	padding:0 10px;
}
.main .top p a:Hover {
	color:#fff;
}
.main .adm_con {
	 background:#F7F8F9;
}
.main .adm_con .bg_1 {
	background:url(../images/28.gif) repeat-y right;
}
.main .adm_con .bg_2 {
	background:url(../images/29.jpg) repeat-x bottom;
	height:650px;
}
.main .adm_con .bg_3{
	background:url(../images/27.gif) repeat-y left;
}
.main .adm_con h3 {
	background:url(../images/24.gif) repeat-x;
	height:29px;
	font-size:12px
}
.main .adm_con h3 span {
	background:url(../images/26.jpg) no-repeat center;
	width:85px;
	height:29px;
	text-align:center;
	display: block;
	line-height: 29px;
}
.main .adm_con table {
	width:90%;
	margin:10px auto;
	text-align:center
}
.main .adm_con table, td, th {
	border:1px solid #ccc;
	border-collapse:collapse;
}
.main .adm_con th {
	line-height:30px;
}
.main .adm_con td {
	line-height:25px;
}
.main .adm_con .padd {
	margin:10px 20px;
}


/*add*/
.main .add{
	margin:10px auto;
	width: 70%;
}
.main .add li{
	line-height:30px;
	height:30px;}
.main .add li span{
	float:left;
	width: 80px;
}

/*新加的样式*/
header  {
			width: 100%;
			background: white;
			height: 100px;
		}				
		.nav {
			width: 100%;
			background: white;
			height: 50px;
			color: black;
			border-bottom: 2px black solid;
			
		}
		.nav .container a{
			font-size: 18px;
			line-height:50px;
			color:black;
			padding: 0 10px;
			font-weight:600;
		}
		.nav .container a:hover{
			background: #fa8c00;
			display: inline-block;
	        height: 48px;
		}
header .nav-bg{
	width: 100%;
	height: 25px;
	background: #d2d2d2;
}
header .nav-top li{
   float: right;
   font: "微软雅黑";
   font-size: 12px;
   padding: 0 10px;
   color:black;
   line-height:24px ;   
}
header .nav-top li:hover{
	background:#ffc184;
	color: black;
}

header  .container{
	height: 40px;
}

header  .container b{
	float: right;
	position: relative;
	top: 55px;left: 286px;
	z-index: 500;
	
}
header  .container b img{
	width: 100px;
	position: absolute;
	top: -9px;
	left:59px;
}
/*轮播*/
.banner #gal-wrap img {
   width: 1000px;
	height: 400px;
			}
			
			.banner {
				width: 1000px;
				margin: 0 auto;
				position: relative;
			}
			
			#gal-wrap {
				position: relative;
				height: 400px;
				/*border: 5px solid black;*/
				overflow: hidden;
			}
			
			#gallery {
				position: absolute;
				/*left: -1000px;*/
				width: 3000px;
			}
			
			#gallery li {
				float: left;
				list-style: none;
			}
			
.banner .fenlei .ul-nav {
	width: 130px;
	height: 400px;
	background:white;
	position: absolute;
	top: 0;
	left: -100px;
	border-left:solid 1px #d2d2d2 ;
	border-right:solid 1px #d2d2d2 ;
}
.banner .fenlei .ul-nav li{
	padding: 10px 15px;
	color:#626262;
}
.banner .fenlei .ul-nav li:hover{
	background: gold;
	padding: 10px 30px;
	font-size: 16px;
	color: black;
}
.banner .fenlei .xianshi{
	width: 180px;
	height: 400px;
	background:white;
	position: absolute;
	top: 0;
	left: 910px;
	text-align: center;
	font-size: 12px;
	padding-top:10px ;
	color: #626262;
}
.banner .fenlei .xianshi b{
	font-size: 17px;
	
}
.banner .fenlei .xianshi li img:first-child{
	margin-right: 60px;
}
.banner .fenlei .xianshi li{
	padding: 15px 3px;
	border-bottom: 1px solid #f3f3f3;
}
.banner .fenlei .xianshi li:hover{
	color: red;
   border: 1px solid #c1c1c1;
}
.banner .fenlei .xianshi li:hover img:first-child{
	transform: translateX(20px);
}
